@charset "UTF-8";

/**
 <label for="" class="ui-radio">
    <input type="radio" name="wishes"/>
    <div class="sign">

    </div>
</label>
 */
//单选按钮
.ui-radio{
    input[type="radio"]{
        display:none;
        &:checked + .sign{
            border-color:$primary-color;
            &:after{
                background:$primary-color;
                border-radius:50%;
                height:50%;
                width:50%;
                content:'';
                display:block;
                position: absolute;
                left:50%;
                top:50%;
                transform: translate(-50%,-50%);
            }
        }
    }
    .sign{
        display:inline-block;
        width:$rem*30;
        height:$rem*30;
        border:1px solid #999;
        border-radius:50%;
        position: relative;
        background:#fff;
        vertical-align: sub;
    }
}
